<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML数组购物车</title>
    <link rel="stylesheet" href="css/shopping_and_login.css">
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/smoothness/jquery-ui.min.css">
    <script src="js/jQuery.js"></script>
    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>
    <script src="js/date.js"></script>
    <script src="js/console.js"></script>
    <script src="js/clutter.js"></script>
    <script src="js/password.js"></script>
    <script src="js/conpassword.js"></script>
    <script src="js/forbid.js"></script>
    <script src="js/MD5.js"></script>
    <script src="js/storage.js"></script>
    <script src="js/html.js"></script>
</head>

<body>
    <!-- 登录 -->
    <div id="dingbu">
        <input type="button" value="登录" id="erpassword22">
        <!-- 当前状态 -->
        <span id="span"></span><span id="span2"></span><span id="span3"></span>
        <!-- 小提示框 用于关闭全部通知后提示 -->
        <a href="JavaScript:;" id="small"></a>
        <!-- 设置按钮 -->
        <div id="shezhi">设置</div>
        <!-- 登录、注册弹出框 -->
        <div id="yin" style="display: none;">
            <a href="JavaScript:;" id="x" title="隐藏登录">x</a>
            <div class="user">
                <span>用户名:</span>
                <input type="text" id="username22" maxlength="12" placeholder="请输入用户名">
                <span id="yzusername">用户名长度应为6~12个字符</span>
            </div>
            <div class="pass">
                <span>&nbsp;密码&nbsp;:</span>
                <input type="password" id="password22" maxlength="12" placeholder="请输入密码">
                <span id="yzpassword">密码长度应为6~12个字符</span>
            </div>
            <div class="yzm2">
                <span>验证码:</span>
                <input type="text" id="yzm" maxlength="6" placeholder="请输入验证码">
                <span id="yanzheng" onclick="yanzheng()"></span>
            </div>
            <div class="dlzc">
                <a href="JavaScript:;" id="denglu2" onclick="quanbu2()">确定登录</a>
                <a href="JavaScript:;" id="zhuce">注册</a>
            </div>
        </div>
    </div>
    <!-- 当前时间 -->
    <div id="dqshijian"></div>
    <!-- 钱包 -->
    <div id="钱包"></div>
    <!-- 显示栏 -->
    <!-- 使用说明 -->
    <div id='explain2'>
        <iframe src="使用说明.html" id="shuoming"></iframe>
    </div>
    <div id="re"></div>
    <div id="liang"></div>
    <div id="tang2"></div>
    <div id="zhu"></div>
    <div id="yan"></div>
    <div id="jiu"></div>
    <div id="one">
        <!-- 购物车内容 -->
        <div id="goumai"></div>
        <!-- 购买全部 -->
        <button id="gm"></button>
        <!-- 卡密 -->
        <input type="button" value="获取卡密" id="btnSendCode" onclick="sendMessage()" />
        <div id="btnsendcode2">点击上方按钮可获得卡密</div>
        <!-- 优惠券 -->
        <a href="JavaScript:;" id="领取一元"></a>
        <a href="JavaScript:;" id="使用一元"></a>
        <span id="正在使用" id="正在使用" title="点击减少使用的优惠券"></span>
        <span id="一元优惠券"></span>
    </div>
    <!-- 日记 -->
    <div id="diary"></div>
    <!-- 卡密 -->
    <div id="card"></div>
    <!-- 购买记录 -->
    <div id="record"></div>
    <!-- 确定购买请求 -->
    <div id="tooltip"></div>
    <!-- 购买全部时密码框 -->
    <div id="password"></div>
    <!-- 提示框 -->
    <div id="chenggong"></div>
    <!-- 当点击图片时,弹出的内容 -->
    <div id="chakan">
        <div id="src"></div>
        <a href="JavaScript:;" id="fan"></a>
        <img id="chakan2" />
    </div>
    <!-- 设置页面 -->
    <div id='kzshezhi'>
        <a class='guanbi'>&times;</a>
        <div>
            <label>字体样式: </label>
            <select id='fontys'></select>
        </div>
        <div>
            <label>背景颜色: </label>
            <select id='back'></select>
        </div>
        <div>
            <label>提示框:</label>
            <select id='alert1'></select>
        </div>
        <div>
            <label>历史记录:</label>
            <a id='lsjl'>点击查看部分操作记录</a>
        </div>
        <div>
            <label>清空历史记录: </label>
            <a id='qklishi'>清空历史记录</a>
        </div>
        <div>
            <label>版本号: </label>
            <a id='release'>22.12.1</a>
        </div>
        <div>
            <label>管理员模式</label>
            <a id='xianshi'>点击可进入管理员模式</a>
        </div>
        <div>
            <a id='guanyuwomen'>关于我们</a>
        </div>
        <div>
            <label>其他页面: </label>
            <select id='yl'></select>
        </div>
        <div>
            <label>重新排列: </label>
            <a id="cxpailie">重新排列商品位置</a>
        </div>
        <!-- <div> -->
        <!-- <div id="szsrk" contenteditable="true" style="width:200px;height:100px;background:yellow;">123456</div> -->
        <!-- outline: none;设置获取焦点没有高亮边框 -->
        <!-- </div> -->
    </div>
    <div id='cklsjl'></div>
    <div id='wenben'></div>
    <!-- 右键点击菜单时 -->
    <div id="yjcd">
        <div id="yjcdinfo">
            <a href="JavaScript:;" id="sc">删除</a>
        </div>
    </div>
</body>

</html>